#div_scales_latest .latest-box{ width: 95%; min-width: 280px; padding: 1rem; } #div_scales_latest .latest-box:hover{ box-shadow: 0 0 5px #e5e5e5; } #div_scales_latest .latest-image img{ width: 100%; } #div_scales_latest .latest-title{ padding: 1.4rem 0; } #div_scales_latest .latest-title a{ color:#3a3a3a; font-size: 1.1rem; font-weight: 600; } #div_scales_latest .latest-content{ color: #999; text-align: left; } #div_scales_latest .latest-list{ padding: 1.2rem 2rem; border-bottom: 1px solid #EFEFEF; } #div_scales_latest .latest-category { padding: 1rem 0 0; font-weight: 500; } #div_scales_latest .more-button{ font-size: 12px; padding: .4rem .6rem; } @media screen and (max-width:900px){ #div_scales_latest .smart-container{ width: auto !important; display: block; } #div_scales_latest .latest-box{ width: auto; } #div_scales_latest .latest-image{ display: table-cell; min-width: 260px; vertical-align: top; padding: 0 1rem; } #div_scales_latest .latest-content{ display: table-cell; width: auto; vertical-align: top; } #div_scales_latest .latest-title{ padding: 0 0 1rem; } #div_scales_latest .latest-category{ padding: 0 0 1rem; } #div_scales_latest .latest-list{ padding: 1rem; } } @media screen and (max-width:500px){ #div_scales_latest .latest-image{ display: block; } #div_scales_latest .latest-content{ display: block; padding: 1rem; } }